body{
	padding: 0;
	margin: 0;
}

/*            学习强国      */
.header{
	height: 15vw;
	width: 100vw;
	background-color:#CC0000;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.header .left p{
	color: white;
	font-size:6vw;
}
.header .content{
	height: 7vw;
	width: 40vw;
	border: 0.1vw solid gray;
	border-radius: 20%;
	background-color: white;
	display: flex;
	color: gray;
	border-radius:100px;

	align-items: center;
}
.header .content p{
	color: grey;
	font-size: 4vw;
	margin-left: 2vw;
}
.header .right p{
	color: white;
	font-size:6vw;
	
}


/*      推荐,要闻,思想...... */
.topic{
	height: 10vw;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.topic .one {
	font-size: 4vw;
	height: 8vw;
	width: 50vw;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-bottom: 0.1vw solid gray;
}
.topic .two{
	font-size: 4vw;
	width: 50vw;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
/* 内容 */
.content-wrapper{
	height: 27vw;
	width: 100vw;
	border-bottom: 0.05vw solid gray;
}
.content-wrapper .content{
	padding: 1vw;
	font-size: 5vw;
	font-weight: 600;
	margin-left: 2vw;
}
.content-wrapper .bottom{
	font-size: 4vw;
	margin-left: 3vw;
	margin-top: 3vw;
	width: 60vw;
    display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	color: gray;
}
.content-wrapper .bottom .red{
	border: 0.6vw solid red;
	color: red;
	font-weight: 500;
}
.content-wrapper img{
	height: 50vw;
	width: 90vw;
	margin-left:  5vw;
	margin-top: 2vw;
}
.content-wrapper .bottom .blue{
	border: 0.5vw solid cornflowerblue;
	color:skyblue;
	font-weight: 500;
	font-size:4vw ;
}
.pic .tupian1{
	width:25vw ;
	height: 25vw;
}
.pic .tupian{
	width:25vw ;
	height: 40vw;
}

.pic{
	height: 50vw;
	width: 82vw;
	margin-left: 10vw;
	margin-top: 2vw;
	
	display: flex;
	justify-content:space-around;
	
}





